<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="utf-8" />
		<title>项目侧边栏</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
		<meta content="Coderthemes" name="author" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		

		<!-- App css -->
		<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
		<link href="css/icons.min.css" rel="stylesheet" type="text/css" />
		<link href="css/app.min.css" rel="stylesheet" type="text/css" />

	</head>
	<style>
		iframe {
			border: 0;
		}
	</style>

	<body>

		<!-- Begin page -->
		<div id="wrapper">

			<!-- ========== Left Sidebar Start ========== -->
			<div class="left-side-menu">

				<div class="slimscroll-menu">

					<!-- LOGO -->
					<a href="javascript:;" class="logo text-center mb-4">
						<span class="logo-lg">
                            <img src="assets/images/logo.png" alt="" height="20">
                        </span>
						<span class="logo-sm">
                            <img src="assets/images/logo-sm.png" alt="" height="24">
                        </span>
					</a>

					<!--- Sidemenu -->
					<div id="sidebar-menu">

						<ul class="metismenu" id="side-menu">

							<li class="menu-title">导航</li>

							<li id="home">
								<a href="javascript:;">
									<i class="fe-home"></i>

									<span> 主页</span>
								</a>
							</li>
							<li id="accountanage">
								<a href="javascript:;">
									<i class="fe-airplay"></i>

									<span> 账号管理</span>
								</a>
							</li>
							<li  id="channelManage">
								<a href="javascript:;">
									  <i class="dripicons-checklist"></i>

									<span> 渠道管理</span>
								</a>
							</li>
							<li  id="userManage">
								<a href="javascript:;">
									  <i class="mdi mdi-account-settings-variant" style="font-size: 18px;"></i>

									<span> 用户管理</span>
								</a>
							</li><li  id="otherManage">
								<a href="javascript:;">
									  <i class="fe-settings" style="font-size: 18px;"></i>

									<span> 其他管理</span>
								</a>
							</li>
							

					</div>

					<div class="clearfix"></div>

				</div>

			</div>

			<div class="content-page">
				<div class="content">

					<!-- Topbar Start -->
					<div class="navbar-custom">
						<ul class="list-unstyled topbar-right-menu float-right mb-0">

							<li class="dropdown notification-list">
								<a class="nav-link dropdown-toggle nav-user mr-0" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
									<img src="assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
									<small class="pro-user-name ml-1">
                                        Morgan K
                                    </small>
								</a>
								<div class="dropdown-menu dropdown-menu-right dropdown-menu-animated profile-dropdown ">

									<a href="javascript:void(0);" class="dropdown-item notify-item">
										<i class="fe-log-out"></i>
										<span>退出</span>
									</a>

								</div>
							</li>

						</ul>

						<div class="app-search">
							<form>
								<div class="input-group">
									<input type="text" class="form-control" placeholder="Search...">
									<div class="input-group-append">
										<button class="btn btn-primary" type="submit">
                                            <i class="fe-search"></i>
                                        </button>
									</div>
								</div>
							</form>
						</div>
					</div>

					<div class="container-fluid">

						<!-- start page title -->
						<div class="row">
							<div class="col-12">
								<iframe  id="frame-content" width="100%" height="900px" src="" id="mainframe"></iframe>
							</div>
						</div>

					</div>

				</div>

			</div>

		</div>
		
		<script src="js/vendor.min.js"></script>
		<script src="js/app.min.js"></script>
		<script>
		function showFirstPageDetail(url) {
			window.frames["frame-content"].src = url;
			
		}
		window.onload = function() {

			showFirstPageDetail('homePage.html');

		}
		$('#home').on('click', function() {

			showFirstPageDetail('homePage.html');
		});
		$('#channelManage').on('click', function() {

			showFirstPageDetail('channelManage.html');
		});
		$('#accountanage').on('click', function() {

			showFirstPageDetail('accountManage.html');
		});
		$('#userManage').on('click', function() {

			showFirstPageDetail('userManage.html');
		});
		$('#otherManage').on('click', function() {

			showFirstPageDetail('otherManage.html');
		});
		
	</script>

	</body>

</html>